<style>
    #febs-user-detail #user-img, #febs-user-detail .user-info {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    #febs-user-detail #user-img img {
        width: 7rem;
        margin: 10px 10px 0 20px;
        border-radius: 50%;
        cursor: pointer;
    }

    #febs-user-detail #user-info-wrapper {
        margin: 0 0 1rem 0;
        display: inline-block;
    }

    #febs-user-detail .user-info div {
        margin: 10px 15px;
        max-width: 19rem;
    }

    #febs-user-detail #options-wrapper a {
        padding: 4px 6px;
        color: rgba(0, 0, 0, 0.65);
        border: 1px solid #d9d9d9;
        border-radius: 2px;
    }

    #febs-user-detail #options-wrapper a:hover {
        color: #40a9ff;
        border-color: #40a9ff;
    }

</style>
<div class="layui-fluid" id="febs-user-detail" lay-title="个人信息">
    <div id="user-info-wrapper">
        <div id="user-img">
            <img alt="头像" title="点我更换头像" data-th-src="@{febs/images/avatar/}+${user.avatar}">
        </div>
        <div class="user-info">
            <div><span class="layui-icon layui-icon-user"></span> 账号：
                [[${user.username}]]
            </div>
            <div><span class="layui-icon layui-icon-trophy"></span> 角色：
                [[${#strings.defaultString(user.roleName,'暂无角色信息')}]]
            </div>
            <div><span class="layui-icon layui-icon-home"></span> 部门：
                [[${#strings.defaultString(user.deptName,'无部门信息')}]]
            </div>
            <div><span class="layui-icon layui-icon-skin"></span> 性别：
                [[${user.sex}]]
            </div>
        </div>
        <div class="user-info">
            <div><span class="layui-icon layui-icon-phone"></span> 电话：
                [[${#strings.defaultString(user.mobile,'无电话信息')}]]
            </div>
            <div><span class="layui-icon layui-icon-mail"></span> 邮箱：
                [[${#strings.defaultString(user.email,'无邮箱信息')}]]
            </div>
            <div><span class="layui-icon layui-icon-time-circle"></span> 最后登录时间：
                [[${#strings.defaultString(lastLoginTime,'从未登录过系统')}]]
            </div>
            <div><span class="layui-icon layui-icon-read"></span> 个人简介：
                [[${#strings.defaultString(user.description,'暂无个人介绍')}]]
            </div>
        </div>
    </div>
</div>